﻿@model HomeCareLibrary.Models.UserDetailIDModel
  


                                            <div class="item">
                                                <div class="personalization-data local-climate-data">


                                                   
                                                
                                                    <h3 class="personalization-heading">Local Climate</h3>
                                                      @Html.HiddenFor(model => model.ps_country)
                                                   @Html.HiddenFor(model => model.ps_state_province)
                                                    <p class="top-data">
                                                        Your personalized program is adjusted for the climate, timing of seasons, 
                              length of seasons, etc. for where you live.
                                                    </p>
                                                    <div class="Dwelling-part">
                                                        <div class="form-per">
                                                            <form role="form">
                                                                <div class="form-group">
                                                                    <label for="country">Country:</label>

                                                                    @Html.DropDownList("Country", null, new { @class = "form-control" })
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="state">State/Province:</label>

                                                                    @Html.DropDownList("State", @ViewData["optional"].ToString())
                                                                </div>
                                                            </form>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>

                                            <div class="item">

                                                <div class="personalization-data goal-data-per" style="display:none;">

                                                                                                      
                                                 <h3 class="personalization-heading">Goals</h3>
                                                     @Html.HiddenFor(model => model.ps_goal_string)   
                                                  

                                                    <p class="top-data">
                                                        Your personalized home care program is customized for you based 
                              on your selected goals and the importance that you put on them.
                                                    </p>

                                                    <div class="goal-selected">
                                                        <ul class="list-unstyled list-inline">
                                                            <li class="top-goal">
                                                                <div class="radio">
                                                                    <label>
                                                                        <input type="radio" value="option21" id="optionsRadios2o" name="optionsRadios1" checked="true">
                                                                        One of my Top Goals
                                                                    </label>
                                                                </div>
                                                            </li>
                                                            <li class="secondary-goal">
                                                                <div class="radio">
                                                                    <label>
                                                                        <input type="radio" value="option22" id="optionsRadios2s" name="optionsRadios2" checked="true">
                                                                        Secondary Goals
                                                                    </label>
                                                                </div>
                                                            </li>
                                                            <li class="not-for-goal">
                                                                <div class="radio">
                                                                    <label>
                                                                        <input type="radio" value="option23" id="optionsRadios2n" name="optionsRadios3" checked="true">
                                                                        Not one of my Goals
                                                                    </label>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <div class="goal-data">
                                                        <div class="goaltable">
                                                            <table class="table table-striped">
                                                                <tbody>
                                                                    <tr class="Goalcheck">
                                                                        <td width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="1" id="" name="radio"></td>
                                                                        <td class="secondary-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="2" id="" name="radio"></td>
                                                                        <td class="not-for-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="0" id="" name="radio"></td>
                                                                        <td>Energy Savings</td>
                                                                    </tr>
                                                                    <tr class="Goalcheck">
                                                                        <td width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="1" id="" name="radio1"></td>
                                                                        <td class="secondary-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="2" id="" name="radio1"></td>
                                                                        <td class="not-for-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="0" id="" name="radio1"></td>
                                                                        <td>Health & Safety</td>
                                                                    </tr>
                                                                    <tr class="Goalcheck">
                                                                        <td width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="1" id="" name="radio2"></td>
                                                                        <td class="secondary-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="2" id="" name="radio2"></td>
                                                                        <td class="not-for-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="0" id="" name="radio2"></td>
                                                                        <td>Avoiding Unscheduled Repairs</td>
                                                                    </tr>
                                                                    <tr class="Goalcheck">
                                                                        <td width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="1" id="" name="radio3"></td>
                                                                        <td class="secondary-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="2" id="" name="radio3"></td>
                                                                        <td class="not-for-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="0" id="" name="radio3"></td>
                                                                        <td>Comfort & Convenience</td>
                                                                    </tr>
                                                                    <tr class="Goalcheck">
                                                                        <td width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="1" id="" name="radio4"></td>
                                                                        <td class="secondary-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="2" id="" name="radio4"></td>
                                                                        <td class="not-for-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="0" id="" name="radio4"></td>
                                                                        <td>Maintaining Value</td>
                                                                    </tr>
                                                                    <tr class="Goalcheck">
                                                                        <td width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="1" id="" name="radio5"></td>
                                                                        <td class="secondary-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="2" id="" name="radio5"></td>
                                                                        <td class="not-for-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="0" id="" name="radio5"></td>
                                                                        <td>Appearance</td>
                                                                    </tr>
                                                                    <tr class="Goalcheck">
                                                                        <td width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="1" id="" name="radio6"></td>
                                                                        <td class="secondary-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="2" id="" name="radio6"></td>
                                                                        <td class="not-for-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="0" id="" name="radio6"></td>
                                                                        <td>Green <small>(saving water & recycling)</small></td>
                                                                    </tr>
                                                                    <tr class="Goalcheck">
                                                                        <td width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="1" id="" name="radio7"></td>
                                                                        <td class="secondary-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="2" id="" name="radio7"></td>
                                                                        <td class="not-for-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="0" id="" name="radio7"></td>
                                                                        <td>Saving Money <small>(beyond energy)</small></td>
                                                                    </tr>
                                                                    <tr class="Goalcheck">
                                                                        <td width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="1" id="" name="radio8"></td>
                                                                        <td class="secondary-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="2" id="" name="radio8"></td>
                                                                        <td class="not-for-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="0" id="" name="radio8"></td>
                                                                        <td>Space Management <small>(including decluttering)</small></td>
                                                                    </tr>
                                                                    <tr class="Goalcheck">
                                                                        <td width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="1" id="" name="radio9"></td>
                                                                        <td class="secondary-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="2" id="" name="radio9"></td>
                                                                        <td class="not-for-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="0" id="" name="radio9"></td>
                                                                        <td>Allergy Control</td>
                                                                    </tr>
                                                                    <tr class="Goalcheck">
                                                                        <td width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="1" id="" name="radio11"></td>
                                                                        <td class="secondary-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="2" id="" name="radio11"></td>
                                                                        <td class="not-for-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="0" id="" name="radio11"></td>
                                                                        <td>Child Safety</td>
                                                                    </tr>
                                                                    <tr class="Goalcheck">
                                                                        <td width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="1" id="" name="radio12"></td>
                                                                        <td class="secondary-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="2" id="" name="radio12"></td>
                                                                        <td class="not-for-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="0" id="" name="radio12"></td>
                                                                        <td>Senior Safety</td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>


                                                </div>
                                            </div>

                                            <div class="item">
                                                <div class="personalization-data knowledge-data-outer" style="display:none;">

                                                <h3 class="personalization-heading">Knowledge Level</h3>
                                                      @Html.HiddenFor(m => m.ps_knowledge_level)
                                                    <p class="top-data">
                                                        Select the knowledge level that best applies to you, 
                              so that your home care program will match with your needs.
                                                    </p>
                                                    <div class="knowledge-data">
                                                        <ul class="list-unstyled">
                                                            <li>
                                                                <div class="checkbox">
                                                                    <label>
                                                                        <input type="checkbox" value="1" class="kndata">
                                                                        <strong>Just begining.</strong>
                                                                        <p>My tips should include even the most basic of suggestions.</p>
                                                                    </label>
                                                                </div>
                                                            </li>
                                                            <li class="knowledge-colorbg">
                                                                <div class="checkbox">
                                                                    <label>
                                                                        <input type="checkbox" value="2" class="kndata">
                                                                        <strong>Moderate knowledge.</strong>
                                                                        <p>My tips should include even the most basic of suggestions.</p>
                                                                    </label>
                                                                </div>
                                                            </li>
                                                            <li>
                                                                <div class="checkbox">
                                                                    <label>
                                                                        <input type="checkbox" value="3" class="kndata">
                                                                        <strong>Very knowledgeable. </strong>
                                                                        <p>My tips only should be the most sophisticated ones.</p>
                                                                    </label>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                    </div>

                                                </div>
                                            </div>

                                            <div class="item">
                                                <div class="personalization-data Priority-data-o" style="display:none;">

                                                 <h3 class="personalization-heading">Priority</h3>
                                                   @Html.HiddenFor(m => m.ps_priority)
                                                    <p class="top-data">
                                                        The highest tasks & tips are the ones that have the highest benefits relative to their costs.
                              Select below the level of priority that you are interested in.
                                                    </p>
                                                    <div class="goal-data">
                                                        <div class="Priority-table-data">
                                                            <table class="table">
                                                                <tbody>
                                                                    <tr>
                                                                        <td>
                                                                            <div class="checkbox">
                                                                                <label>
                                                                                    <input type="checkbox" value="5" class="checkpriority">
                                                                                </label>
                                                                            </div>
                                                                        </td>
                                                                        <td width="100px;">
                                                                            <img src="@Url.Content("~/images/personalization-images/star1-per.png")"></td>
                                                                        <td>send me only 5 star priorities</td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>
                                                                            <div class="checkbox">
                                                                                <label>
                                                                                    <input type="checkbox" value="4" class="checkpriority">
                                                                                </label>
                                                                            </div>
                                                                        </td>
                                                                        <td width="100px;">
                                                                            <img src="@Url.Content("~/images/personalization-images/star2-per.png")"></td>
                                                                        <td>send me only 4 star and higher</td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>
                                                                            <div class="checkbox">
                                                                                <label>
                                                                                    <input type="checkbox" value="3" class="checkpriority">
                                                                                </label>
                                                                            </div>
                                                                        </td>
                                                                        <td width="100px;">
                                                                            <img src="@Url.Content("~/images/personalization-images/star3-per.png")"></td>
                                                                        <td>send me only 3 star and higher</td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>
                                                                            <div class="checkbox">
                                                                                <label>
                                                                                    <input type="checkbox" value="2" class="checkpriority">
                                                                                </label>
                                                                            </div>
                                                                        </td>
                                                                        <td width="100px;">
                                                                            <img src="@Url.Content("~/images/personalization-images/star4-per.png")"></td>
                                                                        <td>send me only 2 star and higher</td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>
                                                                            <div class="checkbox">
                                                                                <label>
                                                                                    <input type="checkbox" value="1" class="checkpriority">
                                                                                </label>
                                                                            </div>
                                                                        </td>
                                                                        <td width="100px;">
                                                                            <img src="@Url.Content("~/images/personalization-images/star5-per.png")"></td>
                                                                        <td>send me all priorities</td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                        <p class="add-txt text-center">
                                                            To receive ALL task & tips
(not just the highest priorities)
then click the last choice.
                                                        </p>
                                                    </div>

                                                </div>
                                            </div>
                                            <div class="item" id="divmon">

                                                <div class="personalization-data mobile-monthly-alert" style="display:none;">
                                                      @Html.HiddenFor(m => m.app_mo_alert_badge)
                                                @Html.HiddenFor(m => m.app_mo_alert_popup)
                                                @Html.HiddenFor(m => m.app_mo_alert_week)
                                                @Html.HiddenFor(m => m.app_mo_alert_day)
                                                @Html.HiddenFor(m => m.app_mo_alert_hour)
                                                    <h3 class="personalization-heading">Monthly Alert</h3>
                                                    
                                                    <p class="top-data">How do you want to be notified when your monthly personalized home care tasks &amp; tips are ready?</p>
                                                    <div class="Dwelling-part">
                                                        <div class="form-per">
                                                            <form role="form">
                                                                <div class="form-checkbox">
                                                                    <div class="checkbox">
                                                                        <label>
                                                                            <input type="checkbox" id="chkMob_BadgeAlert">
                                                                            Badge
                                                                        </label>
                                                                    </div>
                                                                    <div class="checkbox">
                                                                        <label>
                                                                            <input type="checkbox" id="chkMob_PopupAlert">
                                                                            Alerts
                                                                        </label>
                                                                    </div>

                                                                    @if(!String.IsNullOrEmpty(Model.web_mo_alert_email))
                                                                    {
                                                                    <div class="checkbox checkbox-email">
                                            <label>
                                              <input type="checkbox" id="chkweb_mo_alert_email">
                                              Email</label>
                                        
                                             @Html.TextBoxFor(m => m.web_mo_alert_email, new { @id="moweb_mo_alert_email",@class = "form-control" })
                                          </div>
                                                                    }
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="country">Week of the month:</label>
                                                                 
                                                                    
                                                              @Html.DropDownList("getWeekoftheMonth", null, new { @class = "form-control" })
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="state">Day of the week:</label>
                                                                    @Html.DropDownList("getDayoftheWeek", null, new { @class = "form-control" })
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="state">Time of the day:</label>
                                                                  @Html.DropDownList("getTimeoftheDay", null, new { @class = "form-control" })
                                                                </div>
                                                            </form>
                                                        </div>
                                                    </div>
                                                    <p class="monthly-alert-img add-txt">
                                                        This will apply to all of the homes that you setup.
                                                    </p>
                                                </div>

                                                <div class="personalization-data monthly-alert-data full-monthly-alert" style="display:none;">
                                                    <h3 class="personalization-heading">Monthly Alert</h3>
                                                    <p class="top-data">
                                                        How do you want to be notified when your monthly personalized 
                              home care tasks & tips are ready?
                                                    </p>
                                                    <div class="clearfix monthly-alert-panel-outer">
                                                        <div class="monthly-alert-panel clearfix">
                                                            <div class="pull-left icon-left"></div>
                                                            <div class="pull-left middle-txt"><span>Faceboo</span>k</div>
                                                            <div class="right-img col-md-8">
                                                                <img src="@Url.Content("~/images/personalization-images/facebook-icon.png")" alt="facebook-icon"></div>
                                                        </div>
                                                        <div class="monthly-alert-panel clearfix">
                                                            <div class="pull-left icon-left"></div>
                                                            <div class="pull-left middle-txt"><span>Twitter</span></div>
                                                            <div class="right-img col-md-8">
                                                                <img src="@Url.Content("~/images/personalization-images/twitter-icon.png")" alt="twitter-icon"></div>
                                                        </div>
                                                        <div class="monthly-alert-panel clearfix">
                                                            <div class="pull-left icon-left">
                                                             <input type="checkbox" id="chkemail" />
                                                            </div>
                                                            <div class="pull-left middle-txt"><span>Email</span></div>
                                                            <div class="right-img col-md-8">
                                                                
                                                            
                                                                @Html.TextBoxFor(m => m.web_mo_alert_email, new { @class = "input-box col-md-4 form-control" })
                                                                 
                                                            </div>
                                                        </div>
                                                        <div class="monthly-alert-panel clearfix">
                                                            <div class="last-alert-panel clearfix">
                                                                <div class="pull-left icon-left">
                                                                       <input type="checkbox" id="chkNoAlert" /></div>
                                                                <div class="pull-left middle-txt"><span>No alerts</span></div>
                                                                <div class="right-img col-md-8">
                                                                    <p>
                                                                        I will use my own calendar app to send me monthly alerts<br>
                                                                        (Google Calendar, Remember the Milk, Reminder Fox, etc.)
                                                                    </p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    
                                                   
                                                </div>

                                            </div>
                                              

<script type="text/javascript">
     jQuery(document).ready(function () {

         //Local Climate
         $("#State").addClass("form-control");
         checkLocalClimate();

         //Goals
         checkedgoals();
         $('input[type="radio"]').iCheck({
             checkboxClass: 'icheckbox_futurico',
             radioClass: 'iradio_futurico',
             increaseArea: '20%' // optional
         });

         //Knowledge Level
         checkKnowledgeLevel();

         //Priority
         checkpriority();

         //Monthly Alerts
         checkMonthlyAlert();
         AppMonthlyAlerts();
     });
    </script>

                                              
